/* 
* Tooltip script 
* powered by 淅淅代码雨 
* 
* written by Wany 
* 
* 
*/ 
this.tooltip = function(){ 
var xOffset = 10;//定义x的偏移量 
var yOffset = 20;//定义y的偏移量 
$(".img_view").mousemove(function(e){ 
var positionX=e.originalEvent.x-$(this).offset().left||e.originalEvent.layerX-$(this).offset().left||0;//获取当前鼠标相对img的x坐标 
var positionY=e.originalEvent.y-$(this).offset().top||e.originalEvent.layerY-$(this).offset().top||0;//获取当前鼠标相对img的y坐标，（以下用不着，可删除） 
var tipTitle;//定义提示标题 
if(positionX<=$(this).width()/2)//当当前鼠标相对x坐标小于图片宽度的一半时执行 
{ 

tipTitle='谷歌'; 
} 
else 
{ 
tipTitle='百度'; 
} 
$("body").append("<p id='tooltip'>"+tipTitle+"</p>");//在body标签里添加这个p标签，实现提示功能 

$("#tooltip").css("top",(e.pageY - xOffset) + "px")//为id为tooltip的元素设置css样式 
.css("left",(e.pageX + yOffset) + "px") 
.fadeIn("fast");//添加动画效果 
}, 

function(){ 

//$("#tooltip").remove();//鼠标移动时移除tooltip，实现提示和鼠标的相对位置不变 
}); 
$(".img_view").mouseout(function(e){
$("#tooltip").remove();//鼠标移出img标签时不再显示tooltip，用remove函数将其移除 
}); 
}; 
